<template>
    <div class="_wz_accountSafetyFacilityDetails">
        <table cellpadding="0" cellspacing="0" border="0">
            <colgroup>
                <col width="13%">
                <col width="20%">
                <col width="13%">
                <col width="20%">
                <col width="13%">
                <col width="20%">
            </colgroup>
            <tbody>
                <tr>
                    <td style="font-weight: 600;position:relative;" colspan="6"> {{ tableDataProp.noticeTitle }}</td>
                </tr>
                <tr>
                    <td>通知等级</td>
                    <td colspan="2" v-if="tableDataProp.noticeLv == 1"> 普通 </td>
                    <td colspan="2" v-if="tableDataProp.noticeLv == 2"> 重要 </td>
                    <td colspan="2" v-if="tableDataProp.noticeLv == 3" style="color: red;"> 严重 </td>
                    <td>通知人员</td>
                    <td colspan="2">{{ tableDataProp.orgContact  == undefined ? tableDataProp.orgContact :  tableDataProp.orgContact  }}</td>
                </tr>
                <tr>
                    <td>文件下发</td>
                    <td colspan="2" v-if="tableDataProp.noticeFileType == 1">是</td>
                    <td>回复时间</td>
                    <td colspan="2" v-if="tableDataProp.noticeReplyType == 1">{{  common.timeFormatting(new Date(tableDataProp.noticeEndTime), 'yyyy-MM-dd hh:mm:ss')  }}</td>
                </tr>
                <!-- <tr>
                    <td>设施位置</td>
                    <td colspan="2">{{!!tableDataProp.safetyFacilityPlace ? tableDataProp.safetyFacilityPlace:'--'}}</td>
                    <td>设施负责人</td>
                    <td colspan="2">{{!!tableDataProp.safetyFacilityDirector ? tableDataProp.safetyFacilityDirector:'--'}}</td>
                </tr>
                <tr>
                    <td>登记时间</td>
                    <td colspan="5">{{!!tableDataProp.safetyFacilityRegisterDate ? tableDataProp.safetyFacilityRegisterDate:'--'}}</td>
                </tr> -->
                <tr>
                    <td> 通知内容</td>
                    <td colspan="5" v-html="tableDataProp.noticeContent"></td>

                </tr>
            </tbody>
        </table>
    </div>
</template>
<script>


import { shallowRef, getCurrentInstance, inject, nextTick, reactive, toRefs, toRef, onBeforeMount, onMounted, onBeforeUpdate, onUpdated, onBeforeUnmount, onUnmounted, ref, defineComponent, toRaw, watch } from 'vue'
import { useRouter, useRoute } from "vue-router";

import { useMainStore } from '../../store'  //pinia 使用 类似 vuex
import { storeToRefs } from 'pinia'//pinia 使用 类似 vuex
const mainStore = useMainStore() //pinia 使用 类似 vuex
import common from "../../api/common"



//reactive
export default defineComponent({
    name: 'sendNoticeAdd',//组件名称
    components: {

    },//组件引用
    props: ['tableDataProp'],//接收来自父组件的数据
    setup(props, context) {


        const apiUrl = inject('$apiUrl'); // 变量全局化 后台地址
        const $axios = inject('$axiosInterceptor');// 变量全局化 axios
        const $ViewUIPlus = inject('$ViewUIPlus');//引用全局组件
        const router = useRouter();//路由跳转使用
        const $common = inject('$common');//自己封装的方法







        return {

            common

        }
    }
})


</script>
<style lang="less">

._wz_accountSafetyFacilityDetails {
  padding: 10px;
//   height: 100%;
  display: flex;
  flex-direction: column;

  table {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 12px !important;

    td {
      min-width: 0;
      height: 40px;
      box-sizing: border-box;
      text-align: left;
      text-overflow: ellipsis;
      border: 1px solid #515a6e;
      padding: 0 10px;
      word-break: break-word;
    }
  }
}
</style>